<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>2018司庆专用</title>
  <link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <div class="cele38">
    <header class="header"></header>
    <div class="lot-box">
      <section class="lot-title"></section>
      <section class="regulat-prize-btn-box">
        <button class="regulat-prize-btn regular-btn"></button>
        <button class="regulat-prize-btn prize-btn"></button>
      </section>
      <ul class="lot-list-box">
        <li class="lot-list-item lot-list-item1">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item2">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item3">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item8">
          <span></span>
        </li>
        <li class="lot-list-item lot-btn">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item4">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item7">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item6">
          <span></span>
        </li>
        <li class="lot-list-item lot-list-item5">
          <span></span>
        </li>
      </ul>
    </div>
    <div class="leave-message-box">  
      <section class="message-title">
        <span class="message-bg"></span>
        <button class="msg-regular-btn"></button>
      </section>    
      <div class="message-box-wrapper">
        <div class="message-box">
          <div class="message-scroll">
            <span class="message-load-tip">加载中...</span>
            <ul class="message-list">
              <!-- <li class="message-list-item">
                <div class="avatar-box">
                  <img src="../images/default-avatar.jpg" alt="">
                </div>
                <div class="other-info">
                  <div class="name-num-box">
                    <div class="info-name">YOYO小绵羊</div>
                    <div class="info-num">第999评论</div>
                  </div>
                  <p class="info-content">2018年10月8日~12月31日期间，凡预订广之旅跟团游指定线路，2000元 ≤ 客单价 ≤ 5000元，每人均可以69元换购价值119元的指定乡村游产品。</p>
                </div>
              </li> -->
            </ul>
          </div>
        </div>
        <div class="message-input-box">
          <input class="message-input" type="text" placeholder="我也要留言……">
          <button class="message-leave-btn"></button>
        </div>
      </div>
      <section class="acknowledgement">
        <span></span>
      </section>
    </div>
    <div class="prod-box">
      <section class="prod-title"></section>
      <ul class="prod-list-box">
        <!--{% for i in range(0, 6) %}-->
        <!--{% if nroute["gz"][i].route_show =='1' %}--> 
        <li class="prod-list-item">
          <a class="prod-item__link route" route-index="{{ i+1 }}" route-site="{{ nroute["gz"][i].route_area|safe }}" {% if nroute["gz"][i].route_status == '立即预订' %} href='{{ nroute["gz"][i].mb_product_link|safe|msite("gz") }}' {% else %} href='javascript:void(0);' {% endif %} data-sync='false' onclick="forwardApp(this)" data-url='{"id":"{{ nroute["gz"][i].product_id|safe }}","promotionType":"{{ nroute["gz"][i].product_type|safe }}"}'>
            <div class="prod-item__img">
              <!--{% if nroute["gz"][i].pic_link|safe =='' %}-->
              <img src="{{ nroute["gz"][i].api_route_img|safe }}?version={{ now_stamp|safe }}" alt="{{ nroute["gz"][i].route_name|safe }}">
              <!--{% else %}-->
              <img src="{{ nroute["gz"][i].pic_link|safe }}?version={{ now_stamp|safe }}" alt="{{ nroute["gz"][i].route_name|safe }}">
              <!--{% endif %}-->
              <span class="prod-item__date">{{ nroute["gz"][i].route_date|safe }}</span>
            </div>
            <!--{% if nroute["gz"][i].route_tags|safe !='#' %}-->
            <div class="prod-item__tags">{{ nroute["gz"][i].route_tags|safe }}</div>
            <!--{% endif %}-->
            <h3 class="prod-item__title">{{ nroute["gz"][i].mroute_name|safe }}</h3>
            <p class="prod-item__oldprize">原价：￥{{ nroute["gz"][i].source_price|safe }}</p>
            <p class="prod-item__prize">
              &yen;<i>{{ nroute["gz"][i].discount_price|safe }}</i>
            </p>
            <!--{% if nroute["gz"][i].route_status == '立即预订' %}-->
            <span class="prod-item__book">立即预订</span>
            <!--{% elif nroute["gz"][i].route_status == '敬请期待' %}-->
            <span class="prod-item__book">敬请期待</span>
            <!--{% elif nroute["gz"][i].route_status == '售罄' %}-->
            <span class="prod-item__book">售罄</span>
            <!--{% endif %}-->
          </a>
        </li>
        <!--{% endif %}-->
        <!--{% endfor %}--> 
      </ul>
    </div>
    <section class="logo"></section>
    <div class="popup-box message-tip-box">
      <div class="message-tip">
        <p class="tip-txt"></p>
        <button class="tip-btn">关闭</button>
      </div>
    </div>
    <div class="login-box">
      <div class="login-bg">
        <div class="input-box">
          <div class="input-wrap">
            <i class="icon icon-phone"></i>
            <input id="mobileNum" type="number">
            <div class="placehold-tip">请输入手机号</div>
          </div>
          <div class="input-wrap">
            <i class="icon icon-imgcode"></i>
            <input id="imgCode" type="text">
            <div class="img-code">
              <img src="" alt="点击刷新">
            </div>
            <div class="placehold-tip">请输入图形验证码</div>
          </div>
          <div class="input-wrap">
            <i class="icon icon-phonecode"></i>
            <input id="mobileCode" type="text">
            <div class="phone-code">
              <a class="get-phone-code">获取验证码</a>
              <span class="count-time">60s</span>
            </div>
            <div class="placehold-tip">请输入短信验证码</div>
          </div>
        </div>
        <button class="login-btn">登录</button>
        <button class="login-close-btn"></button>
      </div>
    </div>
  </div>
  <script src="http://tpn.gzl.com.cn/static/js/jquery-1.11.1.min.js"></script>
  <script src="../js/login.js"></script>
  <script src="../js/index.js"></script>
</body>
</html>